<template>
  <div id="app">
    <keep-alive>
      <router-view></router-view>
    </keep-alive>
    <!-- <div id="goTop" @click='actScroll(0)'>
      <i class="icon top"></i>
      <p>返回顶部</p>
    </div> -->
  </div>
</template>

<script>
// export default {
//   name: 'app',
//   methods: {
//     goTop: function(){
//       var top=document.body.scrollTop;
//       var goTop=document.getElementById('goTop');
//       if(top>=200){
//         goTop.style.opacity=1;
//       }else{
//         goTop.style.opacity=0;
//       }
//     },
//     // 动态滚动函数
//     actScroll: function (lastPos){
//       var timer=null;
//       var b=document.body.scrollTop;
//       var e=lastPos;
//       var c=e-b;
//       var t=0;
//       var d=25;
//       clearInterval(timer);
//       timer=setInterval(function(){
//         t++;
//         if(t>=d){
//           clearInterval(timer);
//         }
//         document.body.scrollTop=Tween.Cubic.easeOut(t,b,c,d);
//         document.documentElement.scrollTop=Tween.Cubic.easeOut(t,b,c,d);
//       },15);
//     }
//   },
//   mounted (){
//     window.addEventListener('scroll',this.goTop)
//   }
// }
</script>

<style>
#app {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #333;
}
.app{padding-top: 75px;}
</style>
